<template>
	<view>
		<zy-search :theme="themeClass" :show-want="true" :val="searchkey"
			:now-list="searchList":hot-list="hotList" @getSearchText="getSearchText"></zy-search>
	</view>
</template>

<script>
	import zySearch from '../../components/zy-search/zy-search.vue'
	export default {
		components: {
			zySearch
		},
		data() {
			return {
				themeClass: 'block',
				hotList: ['Apple', '机械师', '裙子', 'JK制服', '洛丽塔'] ,//初始化推荐列表
				searchList:[],
				searchkey:''
			}
		},
		onLoad(option) {
			if(option&option.key)this.searchkey = option.key
		},
		methods: {
			getSearchText(key) {
				this.$tool.pageTo('/pages/goods/list?key='+key)
			}
		},
	}
</script>

<style lang="scss">
	page {
		background-color: #FFFFFF;
	}
</style>
